/*
   style.css
   Theme
   
   Created by dungjk on 2012-12-02.
   Copyright 2012 dungjk. All rights reserved.
*/

/* Generic */
body {
	font-family: Arial, Tahoma;
	font-size: 13px;
	color : #232323;
	text-align: left;
	background: #d2d1d0 url(../images/bg.png) repeat-x 0 0;
}

a {color: #8A6741; text-decoration: none;}
a:hover{text-decoration: underline;}

.h-line-dashed{border-bottom:1px dotted #3d3d3d;width:100%;display:block;margin:4px 0;padding:0;}
.h-line-thin {display:block; margin:4px 0;padding:0;border-bottom:1px solid #3d3d3d;}
.error-msg{color:#f00;display:block;}

/* Body content */
#content-warpper {width:960px;margin : 0 auto;}

#header {display: block; height: 100px;}
#header .logo {display: block; width: 170px;padding-top: 20px;margin-right: 20px;float: left;}

/* Dropdown menu */
#main-menu {display: block; float: left;}
#main-menu a {text-decoration: none;}
#main-menu:after{display: block; overflow: hidden;clear: both;content: " ";}
#main-menu li {display: inline-block; float: left;height: 30px; padding: 40px 10px 0;position: relative;}
#main-menu li a {background: url(../images/item1x5.png) repeat-x 0 0;padding-top:7px;}
#main-menu li:hover a {background: url(../images/item1x5hover.png) repeat-x 0 0;}
#main-menu li.current {background: #494848 url(../images/current_bg.png) repeat-x 0 0;border-radius: 0 0 3px 3px;text-transform: uppercase;}
#main-menu li.current a {color: #fff;}
#main-menu li.current ul li a {color:#014973;text-transform:none;}
#main-menu li ul {display: none;position: absolute;margin-top:8px;z-index: 999;-moz-box-shadow: #999 0 0 3px 3px;box-shadow: #999 0 0 3px 3px;}
#main-menu li ul:after {display: block; clear: both;overflow: hidden; content: " ";}
#main-menu li:hover ul {display: block;}
#main-menu li ul li {float: left;display: block;width: 100%;height: auto;background-color: #ebfffe;padding: 0;}
#main-menu li ul li a {display: block; white-space: nowrap;line-height: 15px;background: none;padding: 4px 20px;}
#main-menu li:hover ul li a {background: none;}
#main-menu li ul li:hover {background-color: #a9adb4;}
#main-menu li ul li:hover a {color: #014973;}

/* Account info */
#user-acc {display: block; float:right;margin-top:25px;}
#user-acc:after {clear: both;display:block;overflow: hidden;content: " ";}
#user-acc .name {display: block; float: left;margin-right: 10px;font-weight: bold;line-height: 32px;}
#user-acc .logout-button {width: 32px;height: 32px;display: block;float: left;}

/* Body content */
#body-content {display: block; margin-top: 5px;}
#body-content:after {display:block;clear:both;overflow:hidden; content: " ";}

.form-box{display:block;float:left;padding:5px;}
.form-box .title {display:block;font-size:17px;font-weight:bold; color: #485576;}
.form-box .control-area {display:block;margin:4px 0px;}
.form-box .control-area tr td{padding:2px;}
.form-box .captcha-img {display:block;float:left;}
.form-box .btn-reload {cursor:pointer;width:16px;display:block;float:left;margin: 0 5px;}
.form-box .loading {display:block;visibility:hidden;}
.fullsize-button{width: 250px;padding: 3px;border-radius: 5px;margin-top: 5px;margin: 0 auto;border: 1px solid #f4f5f6;color: #fff;border: 1px solid #1F3D5C;background-color: #304A64;background-image: -webkit-gradient(linear, left top, left bottom, from(#3F6483), to(#2E6499));background-image: -webkit-linear-gradient(top, #3F6483, #304A64);background-image: -moz-linear-gradient(top, #3F6483, #304A64);background-image: -ms-linear-gradient(top, #3F6483, #304A64);background-image: -o-linear-gradient(top, #3F6483, #304A64);background-image: linear-gradient(top, #3F6483, #304A64);text-shadow: 0px -1px 0px black;cursor: pointer;}
.fullsize-button:hover{border: 1px solid #333366;}
input.form-input {padding:3px 17px 3px 3px;margin:0;height:18px;display:block;border:1px solid #002070;color:#000;font-size:13px;font-weight:normal;width:250px;background-color: #e1e4e6;}
input.form-input:required:valid { background: #e1e4e6 url(../images/valid.png) no-repeat 100% 50%;}
input.form-input:required:invalid { background: #e1e4e6 url(../images/invalid.png) no-repeat 100% 50%;}
.button-2 {display:block;border:1px solid #414141;background-color:#e4e4e4;color:#000;padding:3px 4px;height:26px;}
/* Floating form */

.box-shader { width: 100%;height: 100%;position: fixed;z-index: 998;background-color: #000;opacity: 0.6;top: 0;left: 0;}

/* Forget pass form */
.floating-box {position: fixed;z-index: 999;background-color: #CDD0D4;border-radius: 15px 0 15px 15px;padding: 15px;-webkit-box-shadow: #999 0 0 5px 5px;-moz-border-radius: 15px 0 15px 15px;box-shadow: #999 0 0 5px 5px;font-size: 13px;display: block;margin: auto;}
.floating-box .title {font-size: 14px;font-weight: bold;margin: 0 0 5px 0;display: inline-block;}
.floating-box .control-area { display: block;}
.floating-box .control-area td { padding: 2px;vertical-align: central;}
.floating-box .captcha-img {width: 120px; display:block;margin:5px 0;float:left;}
.floating-box .btn-reload {width:16px; height:16px;display: block;float:left;cursor:pointer;margin:2px;}
.floating-box .btn-close {width: 15px;height: 15px;background: url('/images/close.png') no-repeat 0 0;text-indent: -999px;display: inline-block;float: right;cursor: pointer;}
.floating-box .loading {display: block;visibility: hidden;padding: 2px 0;}

/* Footer */
footer {display: block; height: 100px;margin-top: 15px;padding-top:20px;border-top: 1px dotted #232323;}

.form_container {padding : 4px;display: block;}
.form_container td{padding : 3px;vertical-align:middle;}
.block-container{display:block;padding:5px;}
.border-round {border:1px solid #ccc;border-radius : 5px;}

.question-content {display: block;min-height: 25px;border : 1px dotted #ccc;padding:2px;}
.ans_item {border:1px solid #ccc;padding:2px;margin:1px;}
.ans_item:after{ display: block;clear: both;overflow: hidden;content: " ";}
.ans_item .ans_content {display: block;min-height: 20px;content: " ";float: left;}
.ans_item .ans_ctrl_block { display: block;width: 45px;float: right;}
.ans_item .ans_ctrl_block:after { display: block;clear: both;overflow: hidden;content: " ";}
.ans_item .ans_true {display:block;width:16px;float:left;}
.control_btn {display:block;width:15px;height:15px;margin:1px;float:left;}
.icon_add {background : url(../images/add.png) no-repeat 0 0;}
.icon_edit {background : url(../images/edit_16.png) no-repeat 0 0;}
.icon_delete {background : url(../images/delete_16.png) no-repeat 0 0;}

.sub-question {display:block;padding-left:35px;}
.sub-question .content {border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc;padding:4px;background-color:#d2d1d0;}